<html>
    <head>
        <title>Sistema da Federação - Estadio</title>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        <!-- Inclusão dos CSS. estilo.css é OBRIGATÓRIO. Não altere ou remova sem comunicar aos demais! -->
        <link href='css/estilo.css' media='all' rel='stylesheet' type='text/css' />
        <link href='css/estilo_estadio.css' media='all' rel='stylesheet' type='text/css' />

        <!-- Inclusão dos Javascripts. script.js e Comunicator.js são OBRIGATÓRIOS. Não altere ou remova sem comunicar aos demais! -->
        <script type='text/javascript' src='js/Communicator.js'></script>
        <script type='text/javascript' src='js/script.js'></script>
        <script type='text/javascript' src='js/script_estadio.js'></script>
        <script type='text/javascript' src='js/Uf.js'></script>
    </head>
    <body onload='loadPage()'>
        <div id='tudo'>
            <div id='principal'>
                <div id='topo'>
                    <div id='menu_navegacao_barra'>
                        <ul id='menu_navegacao'>
                            <li><a href='time.html'>Times</a></li>
                            <li><a href='estado.html'>Estados</a></li>
                            <li><a href='partida.html'>Partidas</a></li>
                            <li class='selected'><a href='estadio.html'>Estadios</a></li>
                            <li><a href='cidade.html'>Cidades</a></li>
                            <li><a href='jogador.html'>Jogador</a></li>
                        </ul>
                    </div>
                </div>
                <div id='conteudo'>
                    <div id='parte_esquerda'>
                        <div id='menu_lista'>
                            <div id='filtros'></div>
                        </div>
                        <div id="legend">
                                <div class='item'>Nome</div>
                                <div class='item'>Estado</div>
                            </div>
                            <!-- Onde preenchemos com os itens das listagens -->
                            <div id='list'></div>
                        </div>
                    <div id='parte_direita'>
                        <div id='data_section'>
                            <h3 id='titulo_pagina'>Dados do Estádio</h3>
                            <div id='data_menu'>
                                <div class='button' id='botao_novo' onclick="addNewItem()">Novo</div>
                                <div class='button disabled' id='botao_salvar' onclick='saveData()'>Salvar</div>
                                <div class='button disabled' id='botao_deletar' onclick='deleteItem()'>Deletar</div>
                            </div>
                            <!-- Onde devemos por os campos de dados -->
                            <div id='fields'>
                                <div class='field'>
                                    <label for='nome_estadio'>Nome</label><input type='text' id='nome_estadio' />
                                </div>
                                <div class='field'>
                                    <label for='uf_estadio'>Estado</label>
                                    <select id='uf_estadio'></select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>